import { Link } from '@brillout/docpress'
import { ConfigSpec } from '../../components'

<ConfigSpec
  env="Vite (development & build-time)"
  global
  isTypeOneLiner
>
`string {:ts}`
</ConfigSpec>

Vike's `+mode` setting is just an alias for [Vite's CLI `--mode` option](https://vite.dev/guide/cli.html#options) (which sets Vite's [mode configuration](https://vite.dev/guide/env-and-mode.html#modes)).

This:

```ts
// +config.ts

import type { Config } from 'vike/types'

export default {
  mode: 'staging'
} satisfies Config
```

Is equivalent to that:

```ts
// vite.config.ts

import type { UserConfig } from 'vite'

export default {
  mode: 'staging'
} satisfies UserConfig
```

## See also

- [Vite > Env Variables and Modes](https://vite.dev/guide/env-and-mode.html)
- <Link href="/settings" />
